@charset "utf-8";
.mj-pagination * {box-sizing: border-box;}
.mj-pagination {display: flex;font-size: 14px;}
.mj-pagination .total {height: 32px;line-height:32px;margin-right: 5px;}
.mj-pagination .pager {display: flex;margin: 0;padding: 0;}
.mj-pagination .pager li {list-style: none;color: #606266;border-radius:3px;padding:0 5px;}
.mj-pagination .pager li:not(.disabled).active {color:var(--white);background-color: var(--primary);pointer-events: none;cursor: none;}
.mj-pagination .pager li:hover {color:var(--primary);}
.mj-pagination .pager .more {color:var(--gray9);}
.mj-pagination .pager li,
.mj-pagination .btn-next,
.mj-pagination .btn-prev {
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color:var(--white);
    cursor: pointer;
    user-select: none;
}
.mj-pagination .btn-next i,
.mj-pagination .btn-prev i {
	font-size: 12px;
}
.mj-pagination button {
    display: block;
    border: 0;
    font-weight: 600;
    color: #888;
    vertical-align: top;
}
.mj-pagination button:focus {outline: none;border: none;}
.mj-pagination button[disabled] {color:var(--disabled);cursor: not-allowed;}
.mj-pagination .go-page {
    height: 32px;
    line-height: 32px;
    margin: 0 5px;
}
.mj-pagination select {
    min-width: 40px;
    height: 32px;
    line-height: 30px;
    border: 1px solid var(--border-color);
    border-radius: 3px;
    color: #606266;
    text-align: center;
    margin:0 5px;
}

.mj-pagination input {
    width: 44px;
    height: 32px;
    line-height: 30px;
    border: 1px solid var(--border-color);
    border-radius: 3px;
    color: var(--gray6);
    text-align: center;
}
.mj-pagination input:focus,.mj-pagination select:focus {outline: none;}

/*小型*/
.mj-pagination-size-small {font-size:12px;}
.mj-pagination-size-small .pager li,
.mj-pagination-size-small .btn-next,
.mj-pagination-size-small .btn-prev {
	min-width:24px;
}
.mj-pagination-size-small .total,
.mj-pagination-size-small .pager li,
.mj-pagination-size-small .btn-next,
.mj-pagination-size-small .btn-prev,
.mj-pagination-size-small .go-page,
.mj-pagination-size-small select,
.mj-pagination-size-small input {
    height: 24px;
    line-height: 24px !important;
}
/*简单模式*/
.mj-pagination-simple .pager li:not(.disabled).active {color:var(--primary);background-color:transparent;}
